<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>多选功能</title>
</head>
<body>
    <!-- 表格 -->
    <table>
        <!-- 标题行 -->
        <tr>
            <!-- 全选 this是一个参数值，只从目前这一行开始到结尾行的内容-->
            <td><input type="checkbox" onclick="selectAll(this)"></td>
            <td>分类ID</td>
            <td>分类名称</td>
            <td>分类描述</td>
            <td>操作</td>
        </tr>
        <!-- 内容行 -->
        <tr>
            <td><input type="checkbox" class="itemSelect"></td>
            <td>1</td>
            <td>手机数码</td>
            <td>手机数码类商品</td>
            <td><a href="">修改</a>｜<a href="">删除</a></td>
        </tr>
        <tr>
            <td><input type="checkbox" class="itemSelect"></td>
            <td>2</td>
            <td>电脑办公</td>
            <td>电脑办公类商品</td>
            <td><a href="">修改</a>｜<a href="">删除</a></td>
        </tr>
        <tr>
            <td><input type="checkbox" class="itemSelect"></td>
            <td>3</td>
            <td>鞋靴箱包</td>
            <td>鞋靴箱包类商品</td>
            <td><a href="">修改</a>｜<a href="">删除</a></td>
        </tr>
    </table>
</body>
<script src="./jquery.min.js"></script>
<script>
    function selectAll(obj) {
        // 全选功能
        $(".itemSelect").prop("checked", obj.checked);
    }
</script>
</html>